<!DOCTYPE html>
<html >
<head>
    <meta charset="UTF-8">
    <title>跨城车主</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">

    <link rel="stylesheet" href="css/weui.css">
    <link rel="stylesheet" href="css/jquery-weui.css">
    <link rel="stylesheet" href="css/style.css">

<style type="text/css">
.shineiSF{box-shadow:0px 0px  10px 3px #e7e7e7;width:100%;height: 81px;position: fixed;top:0;left: 0;z-index: 100;}
.index-top{border-bottom:1px solid #f5f5f5;}
.shunlu{line-height: 40px;position: fixed;top:40px;background: #fff;left:0;width:100%;padding-left: 20px;color: #676767;font-size: 13px;}

</style>
</head>
<body class="back1">
    <div class="shineiSF">
        <div class="index-top">
            <div class="index-back" onClick="javascript:history.back(-1);">
                <img src="images/back.png" width="15">
            </div>
            <p class="index-title">跨城：周口 -- 郑州</p>
            <div class="index-right">
                <a href="个人资料.html" ><img src="images/user1.png" width="15"></a>
            </div>
        </div>
        <div class="shunlu">4位顺路车主</div>
    </div>


    

    <!-- 这里写内容 -->
    <div style="margin-top: 88px;">    
    </div>

    <div class="index-box index-xingchengz">
        <!-- 第一个 -->
        <div class="weui-cells">
            <div class="weui-cell left0">
                <div class="weui-cell__hd">
                    <div class="touxiang">
                        <img class="t-photo" src="images/photo.jpg" width="60" height="60">
                        <img class="t-icon" src="images/sex1.png" width="15">
                    </div>
                </div>
                <div class="weui-cell__bd pos-tel">
                    <p class="f17">仙人掌</p>
                    <p class="xcz-chexing"> 
                        <span class="xinren">信任值80分</span>
                        <span>华泰圣达菲</span>
                    </p>
                    <div class="pos-tel-abs"><img src="images/tel.png" width="30"></div>
                </div>
            </div>
            <div class="weui-cell left0">

                <div class="weui-cell__bd xingchengz">
                    
                    <div class="weui-cells">
                        <div class="weui-cell">
                            <div class="weui-cell__hd">
                                <img src="images/wait.png" width="8" class="wait">
                            </div>
                            <div class="weui-cell__bd">
                                <p>
                                    <span>今天 18:30</span>
                                    <span class="font1">3坐</span>
                                    <span class="font2">95%顺路</span>
                                </p>
                            </div>
                        </div>
                        <div class="weui-cell">
                            <div class="weui-cell__hd">
                                <span class="dian"></span>
                            </div>
                            <div class="weui-cell__bd">
                                <p>
                                    <span>周口一高（西门）</span>
                                    <span class="font1">银珠路 7km</span>
                                </p>
                            </div>
                        </div>
                        <div class="weui-cell">
                            <div class="weui-cell__hd">
                                <span class="dian2"></span>
                            </div>
                            <div class="weui-cell__bd">
                                <p>
                                    <span>项城市中医院</span>
                                    <span class="font1">湖滨路 3.4km</span>
                                </p>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <div class="weui-cell left0">
                
                <div class="weui-cell__bd">
                    <p class="xingchengz-tel">
                        <span class="col1">正在寻找乘客</span>
                        <a href="javascript:;" id="reserve1" class="telephone" style="padding: 0 16px;">我要预约</a>
                    </p>
                </div>
            </div>
        </div>
    </div>
    
    <!-- 第二个 -->
    <div class="index-box index-xingchengz">
        <div class="weui-cells">
            <div class="weui-cell left0">
                <div class="weui-cell__hd">
                    <div class="touxiang">
                        <img class="t-photo" src="images/photo.jpg" width="60" height="60">
                        <img class="t-icon" src="images/sex2.png" width="15">
                    </div>
                </div>
                <div class="weui-cell__bd pos-tel">
                    <p class="f17">仙人掌</p>
                    <p class="xcz-chexing"> 
                        <span class="xinren">信任值80分</span>
                        <span>华泰圣达菲</span>
                    </p>
                    <div class="pos-tel-abs"><img src="images/tel.png" width="30"></div>
                </div>
            </div>
            <div class="weui-cell left0">

                <div class="weui-cell__bd xingchengz">
                    
                    <div class="weui-cells">
                        <div class="weui-cell">
                            <div class="weui-cell__hd">
                                <img src="images/wait.png" width="8" class="wait">
                            </div>
                            <div class="weui-cell__bd">
                                <p>
                                    <span>今天 18:30</span>
                                    <span class="font1">3坐</span>
                                    <span class="font2">95%顺路</span>
                                </p>
                            </div>
                        </div>
                        <div class="weui-cell">
                            <div class="weui-cell__hd">
                                <span class="dian"></span>
                            </div>
                            <div class="weui-cell__bd">
                                <p>
                                    <span>周口一高（西门）</span>
                                    <span class="font1">银珠路 7km</span>
                                </p>
                            </div>
                        </div>
                        <div class="weui-cell">
                            <div class="weui-cell__hd">
                                <span class="dian2"></span>
                            </div>
                            <div class="weui-cell__bd">
                                <p>
                                    <span>项城市中医院</span>
                                    <span class="font1">湖滨路 3.4km</span>
                                </p>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <div class="weui-cell left0">
                <div class="weui-cell__bd">
                    <p class="xingchengz-tel">
                        <span class="col1">正在寻找乘客</span>
                        <a href="javascript:;" id="reserve2" class="telephone" style="padding: 0 16px;">我要预约</a>
                    </p>
                </div>
            </div>
        </div>
    </div>

    <!-- 第三个 -->
    <div class="index-box index-xingchengz">
        <div class="weui-cells">
            <div class="weui-cell left0">
                <div class="weui-cell__hd">
                    <div class="touxiang">
                        <img class="t-photo" src="images/photo.jpg" width="60" height="60">
                        <img class="t-icon" src="images/sex2.png" width="15">
                    </div>
                </div>
                <div class="weui-cell__bd pos-tel">
                    <p class="f17">仙人掌</p>
                    <p class="xcz-chexing"> 
                        <span class="xinren">信任值80分</span>
                        <span>华泰圣达菲</span>
                    </p>
                    <div class="pos-tel-abs"><img src="images/tel.png" width="30"></div>
                </div>
            </div>
            <div class="weui-cell left0">

                <div class="weui-cell__bd xingchengz">
                    
                    <div class="weui-cells">
                        <div class="weui-cell">
                            <div class="weui-cell__hd">
                                <img src="images/wait.png" width="8" class="wait">
                            </div>
                            <div class="weui-cell__bd">
                                <p>
                                    <span>今天 18:30</span>
                                    <span class="font1">3坐</span>
                                    <span class="font2">95%顺路</span>
                                </p>
                            </div>
                        </div>
                        <div class="weui-cell">
                            <div class="weui-cell__hd">
                                <span class="dian"></span>
                            </div>
                            <div class="weui-cell__bd">
                                <p>
                                    <span>周口一高（西门）</span>
                                    <span class="font1">银珠路 7km</span>
                                </p>
                            </div>
                        </div>
                        <div class="weui-cell">
                            <div class="weui-cell__hd">
                                <span class="dian2"></span>
                            </div>
                            <div class="weui-cell__bd">
                                <p>
                                    <span>项城市中医院</span>
                                    <span class="font1">湖滨路 3.4km</span>
                                </p>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <div class="weui-cell left0">
                <div class="weui-cell__bd">
                    <p class="xingchengz-tel">
                        <span class="col1">正在寻找乘客</span>
                        <a href="javascript:;" id="reserve3" class="telephone" style="padding: 0 16px;">我要预约</a>
                    </p>
                </div>
            </div>
        </div>
    </div>


<script src="js/jquery.min.js"></script>
<script src="js/jquery-weui.min.js"></script>
    <script>
        $(document).on("click", "#reserve1,#reserve2,#reserve3", function() {
            $.confirm("您确定要预约吗?", "确认预约?", function() {
                //确定操作
                $.toast("已预约!");
            }, function() {
                //取消操作
            });
        });
    </script>

</body>
</html>

